Zenphoto theme: Paradigm

Paradigm (Zenphoto theme) preview

Paradigm is a responsive theme for Zenphoto CMS, based on the Bootstrap (version 3.3.5) framework. It’s optimised for SEO and works well on a variety of platforms, from desktops to laptops, tablets and mobile phones.

Theme uses logical document titles hierarchy, accessible to search engines tag pages, conditional meta title and description, microdata (schema.org), OpenGraph and Twitter cards. Social sharing buttons can be integrated with ShareThis, links to social profiles can be added to the footer.
Extra files include robots.txt and .htaccess.

Originally this theme was created and developed by Olivier Ffrench, but seems to be abandoned by the author. I’ve unsuccessfully tried to contact him with bug report in February 2023, and wrote again in June 2023 to ask for permission to release my update with fixes, so the theme can be used with Zenphoto 1.6 release.
Since I’ve updated this theme to fix usage of depreciated functions and added several new features, I’ve decided to make it available to others.

New additions include: more flexibility for displaying content

Page menu

Contact

Bug reports and ideas can be sent to me by e-mail: kuzzzma@gmail.com

Links

Download:

Plans:

  • Upgrade to using current Bootstrap release
  • Feature suggestions are welcome.

Latest changes:

Full changelog for Paradigm theme.

NB! Please delete following files from your /paradigm theme folder on your FTP when updating (if they exist)
Those files are not linked anywhere and were made redundant:
/paradigm/search – lightbox.php
/paradigm/includes/_imagethumbs_lightbox.php
/paradigm/includes/_gallery.php
NB! Options were COMPLETELY REWORKED!
All options were renamed to follow recommended naming rules for Zenphoto themes and plugins, so you may lose all your settings for Paradigm.
Make sure to check and take a note of your existing settings, BACKUP all text fields.
You will have to re-enter them after update!

Changelog

1.6 – by kuzzzma (May 2024)
  • MAJOR CODE CLEAN-UP.
    • Fixed Responsive Behaviour throughout for both Fluid and Fixed layout.
    • Added rules for Extra-Large screens (>1900px) for both Fluid and Fixed layout.
    • Reworked all H1-H6 Headers for clean outlines throughout.
    • Removed all BR and HR tags from pages, now all of that is done via CSS.
    • Removed all style=height parameters from Image/Albums Thumbs, now all of that is done via CSS.
    • Added flexible styling to Images on Homepage and in Albums
    • Reworked Images/Albums/News/Pages Details Sections for consistency.
    • All content-zones now have corresponding #ID for ease of CSS styling.
    • Some fixes in Breadcrumbs section (typos, leftover code).
    • All code was cleaned-up, W3.org-validated, checked for typos, stray tags and other inconsistencies.
  • MAJOR WORK on Theme Options: Paradigm now has more than 100 options, so it had to be done!
  • You have to BACKUP all TEXT FIELDS and setup Paradigm from scratch!
    • Options were all renamed to ensure consistency in future according to naming rules for Zenphoto themes and plugins.
    • Reworked all Options groupings and settings, to make it easier to set up your website and add new options.
    • Reworked descriptions for Options.
  • Support for Related Items plugin:
    • Options to control behaviour for Related Items in Images/Albums/News/Pages separately.
    • Enabled support of Featured Images as thumbs for News and Pages for Related Items.
  • Extended Featured Images plugin support:
    • Option to display Featured Image on a Page
    • Option to choose size of Featured Image displayed on Page or News Article separately (Full or Thumb)
  • Support for User Login-Out and Register User plugins.
    • Login and Register pages clean-up.
    • Options to show User Menu in Footer and Sidebar separately.
  • (?) Added support for Default Codeblocks plugin [work in progress]
    • Three zones for codeblocks setup in Sidebar, 1 in Footer
    • Three zones for codeblocks are setup in details zones for Images/Albums/News/Pages
    • Codeblock zones can be seen on my Demo-site
    I don’t recommend using DefaultCodeblocks with Paradigm yet, as I feel that I don’t fully understand it’s logic and therefore can’t implement with consistent and predictable results.
  • Cleaned up Contact Form, fixed errors/warnings
  • Cleaned up Comment Form, fixed errors/warnings
  • Fixed missing Page indicator for H1 Headers/Head Title tags
  • Added options to display Custom Data for Images/Albums/News/Pages separately
  • Added options to display Rating for News/Pages
  • Added options to display Hitcounter for News/Pages
  • Added option to display Download button for fullsize Images
  • Added Links to more RSS feeds in Footer/Head [work in progress]
1.5 – by kuzzzma (April 2024)
  • Code clean-up.
  • Updated Theme functions to use correct time from metadata for Photos in Metadata section on Image Pages (without added timezone of server – this was inherited from Zenphoto, reported as bug and fixed for everyone).
  • Favorites plugin now works (with Zenphoto 1.6.3), therefore I’ve completely reworked Favorites page.
  • Option to display Image Caption above or below Image on Image Page.
  • Moved News Archive links before Gallery links in Archive.
  • Some fixes in Breadcrumbs section (typos, leftover code).
  • Added missing icon for H1 in News/News categories pages
  • Options:
    • Reworked all Options groupings and settings, to make it easier to set up your website and add new options.
    • Reworked descriptions for Options (work in progress)
  • Lightbox previews:
    • Fixed Lightbox pop-up with image previews in Albums, Archive, Search etc.
    • Links to Lightbox previews were assigned with rel=”nofollow” to exclude generated links to preview images from indexing.
    • Added option to disable usage of Lightbox previews altogether for whole website.
  • More settings for the Sidebar:
    • Options to choose when to display Album Menu in Sidebar (multi-choice: Gallery, News, Pages, Archives).
    • Options to choose when to display News Categories Menu in Sidebar (multi-choice: Gallery, News, Pages, Archives).
    • Options to choose when to display Pages Menu in Sidebar (multi-choice: Gallery, News, Pages, Archives).
    • Change of CSS for Albums, News Categories & Pages Menu navigational panels in Sidebar:
    • Previously navigational panels in Sidebar had id=”nav-local” assigned to them.
      Now there can be multiple panels on each page, so class=”nav-local” is used instead.
      If you use custom styling – you may need to update your custom.css file by replacing all #nav-local with .nav-local in rules!
    • Option to specify number of levels of Album menu to display in Sidebar (for Gallery; News, Pages, Archives use “Top-level only” setting).
    • Option to specify number of levels of News Categories Menu in Sidebar (used for Gallery, News, Pages, Archives).
    • Option to specify number of levels of Pages Menu in Sidebar (used for Gallery, News, Pages, Archives).
    • Fixed font-size calculation for Popular Tags cloud in Sidebar.
  • Customization of Menus:
    • Option to choose custom text for Gallery link in Main Menu (it’s also used in Footer menu and Sidebar panel).
    • Option to choose custom text for News link in Main Menu (it’s also used in Footer menu and Sidebar panel).
    • Option to choose custom text for Pages header in Sidebar navigation panel.
  • More settings for Footer:
    • Reworked settings for additional pages in Main Footer menu.
    • Option to display RSS Links in Footer.
    • Option to display Social Media Links in Footer (if linked in “Links and Services” section of Paradigm Options).
  • SEO options:
    • Option to remove Tags pages from Search Engines Index by adding “noindex, follow” to Head section.
    • Option to remove Archive pages from Search Engines Index by adding “noindex, follow” to Head section.
    • Enabled automatic generation of Description meta-tags from sanitized Custom Data for Pages.
    • Other clean-up of rules for auto-generating Meta tags: titles, descriptions etc.
    • Reworked auto-generation of Open Graph meta-tags.
    • Reworked auto-generation of Twitter-cards meta-tags.

Full list of changes: previous releases of Paradigm theme.

Installation:

  1. Download theme archive, unzip archive and upload Paradigm folder to zenphoto/themes of your Zenphoto install.
  2. Activate Paradigm theme in Options and edit theme options to your liking.
  3. Put site logo in [website root]/uploaded/logo.png. This image will be used for OpenGraph and Twitter thumb for homepage and it can be used to be displayed in Header. The optimal size is 200px wide but if larger it can be accommodated via custom CSS.
  4. Put favicon.ico in the [website root]. It will be linked in Head section.
  5. robots.txt and .htaccess file are located in /! extra files folder
    • Place the provided robots.txt at [website root]
    • If you use sitemap-extended, modify and uncomment the last line of the robots.txt to display the sitemap index URL.
    • Rename the existing .htaccess file on your server to “old.htaccess” and upload the provided .htaccess file at [website root].
  6. Add your custom CSS to file “! rename-to-custom.css” in paradigm/css folder, rename it to “custom.css” and leave it there.

Plugins supported:

Zenpage
Enable the Zenpage plugin to create news/blog and and additional pages, they will be included in the main navigation Dropdown Menu and Sidebar
html_meta_tags
If you use html_meta_tags, make sure you DISABLE following fields:

  • name=’description’
  • name=’page-topic’
  • name=’robots’
  • OpenGraph (og:)
  • twitter:card
  • Canonical URL link option
GoogleMap or OpenstreetMap
Enable GoogleMap or OpenstreetMap if you want to display GPS data, found in photo tags.
Image_album_statistics
Enable the image_album_statistics plugin if you want to display the Latest or Random pictures on the homepage
Print_album_menu
Enable the print_album_menu plugin to display your albums in the main navigation Dropdown Menu and Sidebar
Featured Images
Image-markup-generator
Rating
Hitcounter
reCaptcha
Comment_form
Contact_form
Class-video
favoritesHandler
Register users
User Login-Out
Related Items
RSS

Recommended Zenphoto options:

Options/General

  • Check to use mod_rewrite.
  • To get cleaner image page URLs, set an extension (.php, .htm, .html).
  • Set your “Gallery title” – it’s used to generate text logo and serves as title of the main page.
  • Fill out “Parent website title” – it is used in the end of the title tag of each page.

Options/Image

Your full images will be indexed in search engines. So:

  • Upload images with watermark, as the Zenphoto watermarking will not work.
  • Create images of a reasonable size: 800px to 900px on their largest side is optimal.

Options/Theme

Select your theme options:

  • Enable Fluid for full-width website
  • Enable which Main Menu items will have Dropdown menus.
  • Header Logo – you can use picture logo or H1 “Gallery Title” in your Header, choose picture from [website root]/uploaded folder.
  • Header Tagline – if enabled, shows “Gallery Description” under H1 Text in Header.
  • Homepage Message – possibility to add a longer text to Homepage, HTML is allowed.
  • Configure options for Homepage Slideshow, if you want to use it.
  • If you want to display latest news on Homepage – enable News and choose number of news items to show.
  • Select what to display on your Homepage (Albums, Latest images or Random images)
  • Choose whether to display Archive and Search.
  • Configure display of Tags in Sidebar.
  • If you are using Google Analytics, add your ID (Do not paste the full code, only the ID is necessary).
  • Add links to your social profiles.
  • If you plan to use social share buttons, create an account at Sharethis (ID example: 6c4c074c-0b87-4c03-8476-c8cc149cc219).
  • You can add extended Copyright Notice message, it will be shown on Image pages and Credits. HTML is allowed.
  • Enable Credits page – shows extended Copyright message and links to Zenphoto and theme pages (with nofollow links).
  • Enable Explore page – lists all used Tags.
  • Enable Sitemap page – lists all News Categories, Pages and all Albums). Needs “Print album menu” plugin to work.

Screenshots:

I have a demo-site online, where you can check out this theme in action: Zenphoto | Demo Site.
Keep in mind, that sometimes it’s under testing and may display errors, as I iron out various quirks for Paradigm theme or other themes I may be working on.

More screenshots of Paradigm theme.

Paradigm 1.3: Homepage view

Paradigm 1.3: album

Paradigm 1.3: image view

Comments are closed.